<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
		<title>工作</title>
		<link rel="icon" id="favicon" href="//g.alicdn.com/dingding/web/0.2.6/img/oldIcon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../css/work.css" />
		<link rel="stylesheet" href="../font/iconfont.css">
		<link rel="stylesheet" href="../css/swiper.min.css">
		<script src="../js/rem.js"></script>
		<script src="../js/swiper.min.js"></script>
		<script src="../js/jquery-1.12.4.js"></script>
		
	</head>
	<body>
		<div id="app">
			<!-- header -->
			<div class="header">
				<div class="header-left">
					<p>安徽粮食工程职业学院</p>
				</div>
				<div class="header-right">
					<ul>
						<li><a href="#"><img src="../img/gongzuo1.jpg" alt=""></a></li>
						<li><a href="#"><img src="../img/gongzuo2.jpg" alt=""></a></li>
					</ul>
				</div>
			</div>
			<!-- 轮播图 -->
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src="../img/gongzuo3.jpg" alt="" width="100%"></div>
			        <div class="swiper-slide"><img src="../img/gongzuobj1.jpg" alt="" width="100%"></div>
			        <div class="swiper-slide"><img src="../img/gongzuobj2.jpg" alt="" width="100%"></div>
			    </div>
			    <div class="swiper-pagination"></div>
			    <div class="swiper-scrollbar"></div>
			</div>
			<!-- tabs -->
			<div class="tabs">
				<div class="tabs-bottom">
					<ul class="tabs-bottom-left">
						<li><img src="../img/gongzuo4.jpg"></li>
						<li>
							<p>重要信息传达不到位？&nbsp;试试用公告</p>
						</li>
					</ul>
					<ul class="tabs-bottom-right">
						<li><a>更多</a></li>
						<li><img src="../img/gongzuo5.jpg" alt=""></li>
					</ul>
				</div>
			</div>
			<div class="bg1"></div>
			<!-- banner -->
			<div class="banner">
				<div class="banner-top">
					<ul>
						<li>
							<p>师生健康打卡</p>
						</li>
						<li><a href="#"><img src="../img/gongzuo6.jpg"></a></li>
					</ul>
				</div>
				<div class="bannner-bottom">
					<ul>
						<li><a href="#"><img src="../img/gongzuo7.jpg"></a></li>
						<li><p>智能填表</p></li>
					</ul>
					<ul>
						<li><a href="#"><img src="../img/gongzuo8.jpg"></a></li>
						<li><p>健康上报</p></li>
					</ul>
					<ul>
						<li><a href="#"><img src="../img/gongzuo9.jpg"></a></li>
						<li><p>签到</p></li>
					</ul>
				</div>
			</div>
			<!-- list -->
			<div class="list">
				<div class="list-top">
					<ul class="list-top-left">
						<li>
							<p>其他应用</p>
						</li>
						<li><a href="#"><img src="../img/gongzuo6.jpg"></a></li>
					</ul>
					<ul class="list-top-right">
						<li class="list-top-right-margin"><img src="../img/gongzuo10.jpg"></li>
						<li><p>更多应用</p></li>
					</ul>
				</div>
				<div class="list-center">
					<ul>
						<li><a href="#"><img src="../img/gongzuo11.jpg"></a></li>
						<li><p>审批</p></li>
					</ul>
					<ul>
						<li><a href="#"><img src="../img/gongzuo12.jpg"></a></li>
						<li><p>考勤打卡</p></li>
					</ul>
					<ul>
						<li><a href="#"><img src="../img/gongzuo13.jpg"></a></li>
						<li><p>工作助手</p></li>
					</ul>
					<ul>
						<li><a href="#"><img src="../img/gongzuo14.jpg"></a></li>
						<li><p>公告</p></li>
					</ul>
					<ul>
						<li><a href="#"><img src="../img/gongzuo15.jpg"></a></li>
						<li><p>钉邮</p></li>
					</ul>
				</div>
				<div class="list-bottom">
					<ul>
						<li><a href="#"><img src="../img/gongzuo16.jpg"></a></li>
						<li><p>钉盘</p></li>
					</ul>
					<ul>
						<li><a href="#"><img src="../img/gongzuo17.jpg"></a></li>
						<li><p>钉钉运动</p></li>
					</ul>
				</div>
			</div>
			<!-- footer -->
			<div class="footer">
				<a href="news.html"><img src="../img/icon17.jpg"></a>
				<a href="schedule.html"><img src="../img/icon18.jpg"></a>
				<a href="work.html"><img src="../img/icon19.jpg"></a>
				<a href="address-book.html"><img src="../img/tongxulu999.jpg"></a>
				<a href="my.html"><img src="../img/icon21.jpg"></a>
			</div>
		</div>
		<script>
		    let swiper= new Swiper ('.swiper-container', {
		            direction: 'horizontal',
		            loop: true,
		            autoplay: { delay: 3000 },
		            pagination: {
		                el: '.swiper-pagination'
		            },
		            navigation: {
		                nextEl: '.swiper-button-next',
		                prevEl: '.swiper-button-prev'
		            },
		            scrollbar: {
		                el: '.swiper-scrollbar',
		                hide: true,
		                draggable: false,
		                snapOnRelease: true,
		                dragSize: 200,
		            }
		        });
		</script>
	</body>
</html>
